<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">  
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
	<title>${seo.title!''}</title>
  	<meta name="description" content="${seo.describe!''}"/>
    <meta name="keywords" content="${seo.keyword!''}"/>
	<link href="/images/favicon.png" rel="shortcut icon" />
   	<link rel="stylesheet" type="text/css" th:href="@{css/reception/jsmodern.min.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{css/reception/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/reception/style.css}"/>
    <link rel="stylesheet" type="text/css" media="screen and (max-width:1199px)" th:href="@{css/reception/phone.css}"/>
	<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<![endif]-->
	<script>
	var _hmt = _hmt || [];
	(function() {
  		var hm = document.createElement("script");
  		hm.src = "https://hm.baidu.com/hm.js?ee2370df92169848f6c4395d9d488fc1";
  		var s = document.getElementsByTagName("script")[0]; 
  		s.parentNode.insertBefore(hm, s);
	})();
</script>
</head>
<body>
	<div id="solution_side">
		<nav class="nav"></nav>
		<section>
			<div class="sol_side banner">
				<div>
					<img src="images/solution/solution_side_bg1.png" title="青少儿体能测试智能系统" alt="青少儿体能测试智能系统">
				</div>
			</div>
			<div class="sol_side_con1">
				<div class="w1200 clearfloat">
					<h4>青少儿智能化体质健康评测</h4>
					<p>体质评测就是运用科学的方法对青少儿个体形态、机能和身体素质等进行测试和评定。加力自主研发的新一代体测能设备可自动完成数据录入、分析、上传等功能，减少人力投入，降低校方成本。</p>
				</div>
			</div>
			<div class="sol_side_video visible">
			    <div class="video">
			        <video src="https://blz-videos.nosdn.127.net/1/OverWatch/AnimatedShots/Overwatch_AnimatedShot_Soldier76_Hero.mp4" id="videoShow" title="" alt=""></video>
			        <span class="VideoBtn">
			        	<img src="images/bo1.png" title="" alt="">
			        </span>
			    </div>
			</div>
			<div class="sol_side_con2 visible">
				<div class="w1200 titles">
					<h4>基础测试</h4>
				</div>
				<div class="w1200 clearfloat sol_side_detial visible">
					<div class="left">
						<img src="images/solution/solution_side_jx1.png" title="" alt="">
					</div>
					<ul class="clearfloat">
						<p>基础测试仪：<br/>站上仪器平台，即可完成身高、体重、BMI、体姿等四项身体基本数据收集。</p>
						<li>
							<img src="images/solution/484877292152815689.jpg" title="身高" alt="身高">
							<span>身高</span>
						</li>
						<li>
							<img src="images/solution/372350961468047427.jpg" title="体重" alt="体重">
							<span>体重</span>
						</li>
						<li>
							<img src="images/solution/57415286030212289.jpg" title="BMI" alt="BMI">
							<span>BMI</span>
						</li>
						<li>
							<img src="images/solution/258775859879739430.jpg" title="体姿" alt="体姿">
							<span>体姿</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="sol_side_con3">
				<div class="w1200 titles">
					<h4>体能测试——儿童国际六项</h4>
				</div>
				<div class="w1200 clearfloat sol_side_detial visible container">
					<ul class="clearfloat left">
						<p class="pa">体能测试智能系统：<br/>仅需一个设备即可完成数十项国家测试标准，自动完成数据录入、分析、上传等功能。且适用全年龄段人群。</p>
						<li><img src="images/solution/solution_side_jx5.png" title="" alt=""></li>
						<li><img src="images/solution/solution_side_jx4.png" title="" alt=""></li>
						<li><img src="images/solution/solution_side_jx3.png" title="" alt=""></li>
					</ul>
					<div><img src="images/solution/solution_side_jx2.png" title="体能测试标准" alt="体能测试标准"></div>
					<ol class="clearfloat visible row">
						<li class="col-md-4 col-sm-6">
							<img src="images/solution/488081337755631645.jpg" title="坐位体前屈" alt="坐位体前屈">
							<span>坐位体前屈</span>
						</li>
						<li class="col-md-4 col-sm-6">
							<img src="images/solution/56682727818268809.jpg" title="10米折返跑" alt="10米折返跑">
							<span>10米折返跑</span>
						</li>
						<li class="col-md-4 col-sm-6">
							<img src="images/solution/445253452900860874.jpg" title="平衡木" alt="平衡木">
							<span>平衡木</span>
						</li>
						<li class="col-md-4 col-sm-6">
							<img src="images/solution/79053357045761271.jpg" title="双脚跳" alt="双脚跳">
							<span>双脚跳</span>
						</li>
						<li class="col-md-4 col-sm-6">
							<img src="images/solution/132385426264555635.jpg" title="立定跳" alt="立定跳">
							<span>立定跳</span>
						</li>
						<li class="col-md-4 col-sm-6">
							<img src="images/solution/446202099448021000.jpg" title="网球掷远" alt="网球掷远">
							<span>网球掷远</span>
						</li>
					</ol>
				</div>
				<div>
				</div>
			</div>
			<div class="sol_side_con4 visible">
				<div class="w1200 titles clearfloat">
					<div class="sol_side_reportImg">
						<img src="images/solution/side_report_img1.png" alt="少儿体能测试" title="少儿体能测试">
					</div>
					<div class="sol_side_report left">
						<h4>测试成长报告</h4>
						<p>体质档案：<br/>家长报告可以给家长呈现青少儿阶段性的体能发展水平，简单直观地让家长了解青少儿体能训练效果，为家庭体育活动中家长指导青少儿体能训练提供有力的参考依据。</p>
						<p>家长报告：<br/>为校方建立更标准详尽的青少儿体质档案，用于校方及相关部门监督检查。</p>
						<p>班级改善方案：<br/>班级改善方案，可以让班级老师直观的了解班级青少儿的优势和不足，有针对性的开展户外活动，从而让青少儿的身体素质有所提高。</p>
						<p>校方报告：<br/>校方报告，有助于校方对校所各个年龄段、各个班级的孩子，在身体素质上的优势和不足，有一个整体的把控，对青少儿开展户外活动有一定的指导性。</p>
					</div>
				</div>
			</div>
			<div class="probation">
				<div class="w1200">
					<dl>
						<dt>免费试用</dt>
						<dd class="left">
							<div class="try">联系人*
								<input type="text" id="name" class="form-control">
							</div>
							<div class="try">机构名称*
								<input type="text" id="email" class="form-control">
							</div>
						</dd>
						<dd class="left">
							<div class="try try_phone">手机号*
								<input type="text" id="phone" class="form-control">
								<span>*手机号码有误，请重填</span>
							</div>
							<div class="try">机构地址*
								<input type="text" id="content" class="form-control">
							</div>
						</dd>
						<button type="button" class="btn btn-default" id="submitAll" data-toggle="modal" data-target="#myModal">立刻申请</button>
					</dl>
					<!-- 弹框 -->
					<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-body">
									申请成功
								</div>
								<div class="modal-footer">
									<button type="button" class="btn modal-btn" 
											data-dismiss="modal">关闭
									</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="footer"></div>
		</footer>
	</div>

	<script type="text/javascript" th:src="@{libs/jquery-2.1.0.min.js}"></script>
	<script type="text/javascript" th:src="@{libs/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{libs/jsmodern.min.js}"></script>
    <script type="text/javascript" th:src="@{js/reception/style.js}"></script>
    <script>
        $(function () {
            //视频
            jsModern.video(".video");
            //播放视频
            $(".VideoBtn").click(function () {
                var video = document.getElementById("videoShow");
                video.play();
                $('.VideoBtn').hide();
            })
            //监听视频的播放状态
            var video = document.getElementById("videoShow");
            video.oncanplay = function () {
                $(".VideoBtn").show();
                //$("#video").attr("poster","");
            }
            //视频播放事件
            video.onplay = function () {
                $("#videoShow").attr("poster", "");
                $(".VideoBtn").hide();
            };
            video.onplaying = function () {
                $(".VideoBtn").hide();
            };

            //视频暂停事件
            video.onpause = function () {
                $(".VideoBtn").show();
            };
            //点击视频周围暂停播放图片出现
            video.onclick = function () {
                if (video.paused) {
                    $(".VideoBtn").hide();
                    video.play();
                } else {
                    $(".VideoBtn").show();
                    video.pause();
                }
            };

			var elmArr = [],
			$win = $(window);
			$(".visible").each(function(i,elm){
				$(elm).data("ot",$(elm).offset().top);
				elmArr.push(elm);
			});
			dealClass(1);
			$win.on("scroll",dealClass);

			function dealClass(isRemove){
				var top = $win.height() + $win.scrollTop();
				if(isRemove!=1){
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") <= top){
							$elem.addClass("visible");
							elmArr.splice(i, 1);--i;}
					}
				}else{
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") >= top){
							$elem.removeClass("visible");
						}
					}
				}
			}
        })
    </script>
</body>
</html>